<template>
  <div class="router-content">
    <div class="mian-header">开启二级类别</div>
    <div class="main-content">
      进入食堂设置，选择单品类别，出现“是否开启二级类别”的按钮，如下图所示
      <img src="/static/imgs/canteen/item_1.png"/>
      点击开启二级类别的按钮，则出现“创建子类别”的按钮，如下图所示
      <img src="/static/imgs/canteen/item_2.png"/>
      如不开启“是否开启二级类别的”按钮，则不出现“创建子类别”的按钮，如下图所示
      <img src="/static/imgs/canteen/item_3.png"/>
    </div>
    <div class="mian-header">创建单品类别</div>
    <div class="main-content">
      进入食堂设置，选择单品类别，点击“创建”按钮，如下图所示，
      <img src="/static/imgs/canteen/item_4.png"/>
      弹出编辑单品类别对话框，填写单品类别，点击确定，即创建单品类别成功。
      <img src="/static/imgs/canteen/item_5.png"/>
    </div>
    <div class="mian-header">创建单品子类别</div>
    <div class="main-content">
      点击单品类别页面的创建子类别，如下图所示
      （注意：在前面的基础设置里，如开启了是否开启二级类别的按钮，则出现创建子类别的按钮，如果没有开启二级类别，则不出现创建子类别的按钮）。
      <img src="/static/imgs/canteen/item_6.png"/>
      弹出编辑子类别对话框，如下图所示，出现一级类别，
      <img src="/static/imgs/canteen/item_7.png"/>
      点击框里的小箭头，选择想要添加子类别的一级类别，如热菜，
      想要添加的子类别的名称为荤菜，点击提交，即添加子类别成功。
      （注意：只要开启了二级类别的按钮，那么每个一级类别都必须要有二级类别，
      否则到后面的档口管理的创建单品中，没有创建二级类别的单品类别是不显示的）
      <img src="/static/imgs/canteen/item_8.png"/>
    </div>
    <div class="mian-header">修改单品类别名称</div>
    <div class="main-content">
      选择已有的单品类别，点击页面上方的改名，如下图所示，
      <img src="/static/imgs/canteen/item_9.png"/>
      弹出编辑单品类别的对话框，修改单品类别名称，点击提交，即可改名成功。
      <img src="/static/imgs/canteen/item_10.png"/>
    </div>
    <div class="mian-header">删除单品类别</div>
    <div class="main-content">
      选择已有的单品类别，点击单品类别页面的删除按钮，如下图所示
      <img src="/static/imgs/canteen/item_11.png"/>
      弹出删除对话框，点击确定，即可删除单品类别。
      <img src="/static/imgs/canteen/item_12.png"/>
    </div>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
export default {
  name: 'index',
  data () {
    return {
      menus: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
  }
}
</script>
<style>
</style>
